import axios, { CancelTokenSource, AxiosRequestConfig } from "axios";

export const request = axios.create({
  baseURL: "http://localhost:3008/v1",
  timeout: 5000,
});

// 存储取消令牌的映射
const pendingRequests = new Map<string, CancelTokenSource>();

// 生成请求的唯一标识符
const generateRequestKey = (config: AxiosRequestConfig): string => {
    const { method, url, params, data } = config;
    return `${method}:${url}:${JSON.stringify(params)}:${JSON.stringify(data)}`;
  };
  
// 取消重复请求
const removePendingRequest = (config: AxiosRequestConfig) => {
const requestKey = generateRequestKey(config);
const source = pendingRequests.get(requestKey);
    if (source) {
        source.cancel(`Request with key ${requestKey} canceled due to new request.`);
        pendingRequests.delete(requestKey);
    }
}

request.interceptors.request.use(
  (config) => {
    removePendingRequest(config)
    // 在发送请求之前做些什么
    return config;
  },
  (error) => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

request.interceptors.response.use(
  (response) => {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
  },
  (error) => {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
  }
);

export default request;